<template>
	<view>
		<u-navbar :is-back="true" :title="navbar.title" :background="navbar.background">
		</u-navbar>
		<view class="u-page">
			<u-grid :col="col" @click="menuClick" v-if="!isSwiper" :border="border">
				<u-grid-item v-for="(item, index) in menuList" :index="index">
					<u-icon :name="item.icon" :size="item.size"></u-icon>
					<view class="grid-text">{{item.name}}</view>
				</u-grid-item>
			</u-grid>
		</view>	
		<footerBar ></footerBar>
	</view>	
</template>

<script>
	import request from "utils/request.js"
	export default {
		name: '',
		data() {
			return {
				col: 2,
				border: true,
				isSwiper: false,
				menuList: [{
					icon: "man",
					size: 46,
					name: "用户信息",
					url: "/pages/system/user/user-list"
				},{
					icon: "home",
					size: 46,
					name: "首頁"
				},{
					icon: "star",
					size: 46,
					name: "二维码",
					url: "/pages/system/scan/QRCode"
				},{
					icon: "volume-up",
					size: 46,
					name: "音量"
				}],
				navbar:{
					title: this.$t('system.func'),
					background: {
						backgroundColor: '#001f3f',
						backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
					}
				}
			}
		},
		onLoad(data) {
			
		},
		methods: {
			// 菜单点击
			menuClick(index){
				this.$u.route({
					url: this.menuList[index].url
				})
			}
		}
	}
</script>

<style>
</style>
